約 5,095,103 件
https://w.atwiki.jp/rxt_team/pages/4.html
!DOCTYPE HTML HTML HEAD TITLE 30秒 /TITLE /HEAD BODY div style="margin 0 auto;width 500px;" P Press W, A, S, D keys to move /P SECTION style="border-style solid; border-width 2px; width 500px;" CANVAS WIDTH="500" HEIGHT="500" ID="canvas_1" tabindex="0" Canvas tag not supported /CANVAS /SECTION div id = "ptx" x /div div id = "pty" y /div div id = "result" result /div /div SCRIPT var canvas = document.getElementById("canvas_1"); canvas.addEventListener( keydown , doKeyDown, true); canvas.addEventListener( keyup , doKeyUp, true); canvas_context = canvas.getContext("2d"); var seconds = 0; //记数时间 var handle; //事件柄 handle = setInterval("timer()",1000); canvas.focus(); var keybuf = {}; var x = 250.0; var y = 250.0; var bulletList = new Array(60); for (var i=0; i bulletList.length ; i++) { var tempBullet; if((tempBullet=createBullet())!=null ){ bulletList[i] = null; bulletList[i] =tempBullet; } } setInterval("reflash()", 1000 / 60); function reflash() { clearCanvas(); canvas_context.fillStyle = "orange"; //canvas_context.fillRect(x, y, 10, 10); canvas_context.beginPath(); canvas_context.arc(x,y,5,0,2*Math.PI,true); canvas_context.stroke(); canvas_context.fill(); // draw bullet doKeyEvent(); for (var i=0; i bulletList.length ; i++) { bulletList[i].move(); bulletList[i].draw(); } // hit bullet for (var k=0; k bulletList.length ; k++) { //if(Math.abs(x-bulletList[k].bx) 10.0 Math.abs(y-bulletList[k].by) 10.0){ if( Math.sqrt(Math.pow((x-bulletList[k].bx),2)+ Math.pow((y-bulletList[k].by),2)) 10 ) { if(seconds = 10){ alert("you lost" + "\n"+seconds+"\n"+"你弱爆了！！"); }else if (seconds 20 ){ alert("you lost" + "\n"+seconds+"\n"+"再接再厉！！"); }else if (seconds 30 ){ alert("you lost" + "\n"+seconds+"\n"+"你是男人！"); }else if (seconds 40 ){ alert("you lost" + "\n"+seconds+"\n"+"你是男人！"); }else if (seconds 50 ){ alert("you lost" + "\n"+seconds+"\n"+"你是男人！！"); }else if (seconds 60 ){ alert("you lost" + "\n"+seconds+"\n"+"你是男人！！！"); }else if (seconds = 70 ){ alert("you lost" + "\n"+seconds+"\n"+"春哥附体拉！"); } window.location.reload(); //document.getElementById("result").innerHTML = "you failed"; } } // bullet number for (var j=0; j bulletList.length ; j++) { if (bulletList[j].bx 0 || bulletList[j].bx 500 || bulletList[j].by 0 || bulletList[j].by 500) { var tempBullet; if((tempBullet=createBullet()) != null ) { bulletList[j] = null; bulletList[j] = tempBullet; } else{ i--; } } } document.getElementById("ptx").innerHTML = x; document.getElementById("pty").innerHTML = y; } function timer () { seconds ++; } function createBullet(){ var dir = Math.ceil(Math.random()*4); var s_x ; var s_y ; var s_cos ; var s_sin ; if(dir == 1){ s_x = Math.ceil(Math.random()*490); s_y = 0; s_cos = Math.random() * 2.0-1.0; s_sin = Math.sqrt(1-s_cos * s_cos); } else if (dir == 2){ s_x = 0; s_y = Math.ceil(Math.random()*490); s_sin = Math.random() * 2.0-1.0 ; s_cos = Math.sqrt(1-s_sin * s_sin); } else if (dir == 3){ s_x = Math.ceil(Math.random()*490) ; s_y = 490; s_cos = Math.random() * 2.0-1.0; s_sin = -Math.sqrt(1-s_cos * s_cos); } else if (dir == 4){ s_x = 490; s_y = Math.ceil(Math.random()*490); s_sin = Math.random() * 2.0-1.0 ; s_cos = -Math.sqrt(1-s_sin * s_sin); } else if (dir ==0 ){ return null; } return new bullet(s_x,s_y,s_cos,s_sin); } function doKeyUp(e) { var evt = e || window.event; keybuf[evt.keyCode] = false; //doKeyEvent(); } function doKeyPress(e) { doKeyEvent(); } function doKeyDown(e) { var evt = e || window.event; keybuf[evt.keyCode] = true; //doKeyEvent(); } function doKeyEvent() { var speed = 1.5 ; //THE w KEY if (keybuf[87] == true judge_frontier()) { y = y - speed; if (!judge_frontier()) { y = y + speed; } } //THE s KEY if (keybuf[83] == true judge_frontier()) { y = y + speed; if (!judge_frontier()) { y = y - speed; } } //THE a KEY if (keybuf[65] == true judge_frontier()) { x = x - speed; if (!judge_frontier()) { x = x + speed; } } //THE d KEY if (keybuf[68] == true judge_frontier()) { x = x + speed; if (!judge_frontier()) { x = x - speed; } } } function judge_frontier() { if (x 5 || x 475 || y 5 || y 475) { return false; } else { return true; } } function bullet(startx , starty, cos , sin) { this.bx = startx; this.by = starty; this.speed = 1.0; //this.startx = startx; //this.starty = starty; this.cos = cos; this.sin = sin; this.draw = function() { canvas_context.fillStyle = "brown"; //canvas_context.fillRect(this.bx, this.by, 10, 10); canvas_context.beginPath(); canvas_context.arc(this.bx, this.by,5,0,2*Math.PI,true); canvas_context.stroke(); canvas_context.fill(); } this.move = function() { this.bx = this.bx + this.speed * this.cos; this.by = this.by + this.speed * this.sin; } } function clearCanvas() { canvas.width = canvas.width; } /SCRIPT /BODY /HTML
https://w.atwiki.jp/0x0b/pages/75.html
仕様 SGML(Standard Generalized Markup Language) ISO 8879 1986 JIS X 4151 1992 DSSSL(Document Style Semantics and Specification Language) DTD(Document Type Definition) DSDL(Document Schema Definition Languages) TEX HTML HTML 4.01 Specification HTML 5 XML XML1.0 XML1.1 SAX(Simple API for XML) XML-RPC XML Schema XSL(Extensible Stylesheet Language) XSLT(XSL Transformations) XPath(XML Path Language) XSL-FO(XSL Formatting Objects) XPL(XML Paper Specification) XUL(XML User Interface Language) XML Information Set, XML Infoset XML Schema TREX(Tree Regular Expressions for XML) RELAX(Regular Language description for XML) RELAX NG Namespaces in XML XML Signature XAdES(XML Advanced Electronic Signatures) XML Encryption SOAP Canonical XML XML Inclusions XQuery XPointer(XML Pointer Language) StAX(Streaming API for XML - Java SimpleXML - PHP System.Xml.XmlReader - .NET Framework JAXB(Java Architecture for XML Binding) XLink XML Media Types RFC 3023 Atom RFC4287 RFC5023 (Representational State Transfer) DocBook、RSS、MathML(Mathematical Markup Language)、ebXML、Scalable Vector Graphics (SVG)、 MusicXML VML(VoiceXML) XML Base ISO/IEC 8825-4 2002 Information technology -- ASN.1 encoding rules XML Encoding Rules (XER) ISO/IEC 8825-5 2004 Information technology -- ASN.1 encoding rules Mapping W3C XML schema definitions into ASN.1 ISO/IEC 9075-14 2006 Information technology -- Database languages -- SQL -- Part 14 XML-Related Specifications (SQL/XML) ISO 10303-28 2007 Industrial automation systems and integration -- Product data representation and exchange -- Part 28 Implementation methods XML representations of EXPRESS schemas and data, using XML schemas ISO/IEC 13250-3 2007 Information technology -- Topic Maps -- Part 3 XML syntax ISO/IEC 13522-5 1997 Information technology -- Coding of multimedia and hypermedia information -- Part 5 Support for base-level interactive applications ISO/IEC 13522-8 2001 Information technology -- Coding of multimedia and hypermedia information -- Part 8 XML notation for ISO/IEC 13522-5 ISO/IEC 18056 2007 Information technology -- Telecommunications and information exchange between systems -- XML Protocol for Computer Supported Telecommunications Applications (CSTA) Phase III ISO/IEC 19503 2005 Information technology -- XML Metadata Interchange (XMI) ISO/IEC 19776-1 2005 Information technology -- Computer graphics, image processing and environmental data representation -- Extensible 3D (X3D) encodings -- Part 1 Extensible Markup Language (XML) encoding ISO/IEC 22537 2006 Information technology -- ECMAScript for XML (E4X) specification ISO 22643 2003 Space data and information transfer systems -- Data entity dictionary specification language (DEDSL) -- XML/DTD Syntax ISO/IEC 23001-1 2006 Information technology -- MPEG systems technologies -- Part 1 Binary MPEG format for XML ISO 24531 2007 Intelligent transport systems -- System architecture, taxonomy and terminology -- Using XML in ITS standards, data registries and data dictionaries XHTML XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition) MHTML RFC2110 (旧) RFC2557 (新) MIMEタイプ Multipurpose Internet Mail Extensions (MIME) Part 1~3 RFC 2045, RFC 2046, RFC 2047 Multipurpose Internet Mail Extensions(MIME) Part Five Conformance Criteria and Examples RFC 2049 MIME Parameter Value and Encoded Word Extensions Character Sets, Languages, and Continuations RFC2231 Media Type Specifications and Registration Procedures RFC 4288 Multipurpose Internet Mail Extensions (MIME) Part Four Registration Procedures RFC 4289(旧RFC 2048) Returning Values from Forms multipart/form-data RFC2388 Internet Message Format RFC 5322 (旧RFC 822、RFC 2822) SMTP RFC5321, RFC2821, RFC821 Communicating Presentation Information in Internet Messages The Content-Disposition Header Field RFC2183 Uniform Resource Identifiers (URI) Generic Syntax RFC3986 (旧) RFC1738 Uniform Resource Locators (URL) RFC1808 Relative Uniform Resource Locators RFC2396 Uniform Resource Identifiers (URI) Generic Syntax IRI(Internationalized Resource Identifier) RFC 3987 XRI(Extensible Resource Identifier) The 'text/html' Media Type RFC2854 仕様 マークアップ言語①視覚マークアップ(暗黙) ②手続きマークアップ(明示) ③意味マークアップ 他の用途での利用 Tex SGML(Standard Generalized Markup Language) HTML(HyperText Markup Language) XML(Extensible Markup Language) XHTML(Extensible HyperText Markup Language) マークアップ言語 コンピュータ言語の一種 GML(Generalized Markup Language)から派生 文章の構造（段落など）、見栄え（フォントサイズなど）に関する指定を文章とともにテキストファイルに記述するための言語 文章に対するそれらの指定をマークアップ (markup) と呼び、マークアップを記述するための文字列をタグ (tag) と呼ぶ テキスト＋マークアップ命令 ①視覚・②手続き・③意味マークアップに分類 ①視覚マークアップ(暗黙) テキスト中の「手掛かり」から文書構造を推論 改行、スペース、行送り、中央ぞろえ等 ②手続きマークアップ(明示) ファイル中の出現順で処理系に解釈 テキストを並べ書式指定の命令（ディレクティブ）を指示 後にはそれらの効果を打ち消す命令 マクロやスタックモデルなどのより高度なシステムならば、この煩わしさは軽減される チューリング完全なプログラミング言語に相当 例：nroff, troff, TeX, Lout ③意味マークアップ 必ずしも特定の見栄えなどの処理上の意味を与えることなく、テキストの断片に印を付けていくもの 例えば、Atomシンディケーション言語には updated タイムスタンプを印すマークアップがあり、情報項目が最後にいつ更新されたのかを発行者が表明するのに使われる。 Atomの規格ではupdatedの意味するものについて論じており、そのマークアップ形式についても規定されているが、それがユーザに対してどのように表示されるのか、またそもそも表示されるべきなのかについては何の規定もない。このマークアップは処理系ごとに様々な用途に使われ、その中にはAtom言語の設計者たちが予想もしなかったものが多く含まれるだろう。SGMLとXMLは意味マークアップ言語の設計を支援するために設計された仕様（メタ言語）である。 以上は概念的な分類であって、実際にはどのシステムでも別種のマークアップが共存している。例えばHTMLでは、純粋な手続きマークアップ（ボールドのためのBなど）と純粋な意味マークアップ（BLOCKQUOTEやHREF属性など）が共存している。HTMLにはさらにPRE要素があり、視覚マークアップの領域を囲んで、テキストをタイプしたとおりに表示させることもできる。 マークアップ要素とその使用に関する規則は通例、特定の企業やコミュニティごとの様々な種類の文書に対応するため、標準化団体によって開発される。最初期の例としてはCALSがあり、アメリカ軍で技術マニュアルに利用されていた。すぐに大規模文書を管理する必要のある企業がこれに続きだし、航空機、電気通信、自動車、コンピュータハードウェアのマニュアル用のタグ群が開発された。これはこの種のマニュアルの多くが電子的に配布されるきっかけとなり、企業は1つの（意味マークアップによる）オリジナルから印刷物、オンライン、CD版などを作り出すことができた。特筆すべき例はサン・マイクロシステムズであり、ジョン・ボサック（en）がSGMLを複数媒体向けの文書配布に採用し、大幅なコスト削減を達成した。 よく知られたマークアップ言語 DocBook、MathML、SVG、Open eBook、TEI、XBRLなど 多くはテキストのためのものだが、その他の用途で使われる専門化された言語もある。 汎用マークアップとは意味マークアップの別名 現在のほとんどの意味マークアップシステムは文書を木構造に構造化する。また同時に、文書の一部分を文書内の他の箇所から参照する（クロス・リファレンス）手段を提供している。構造化によって、ソフトウェアが文書構造を（BLOBではないものとして）把握することができ、文書はデータベースとして扱うことが可能になる。リレーショナル・データベースが持っているような厳格なスキーマを持たないので、「半構造化データベース（semi-structured database）」と呼ばれる。 000年を過ぎたころから、木構造以外の文書構造に関する大きな関心が現れてきた。例えば、古代の宗教文学では文献構造（本、章、節、文）以外にも、修辞構造や散文構造が広く用いられる（ストーリー、引用章句、段落、など）。これらの文書単位は文中でたびたび交差するので、簡単には木構造のマークアップシステムでデータ化することはできない。このような構造をサポートする文書モデリングシステムにはMECS（ウィトゲンシュタインの作品を電子化するために開発された）、TEI Guidelinesの一部、LMNL、CLIX、などがある。 意味マークアップの第一の長所はその自由度だとみなされている。テキストの断片が「どのように表示されるべきか」ではなく「何であるか」と印されていたなら、その言語の設計者が予想もしていなかった便利な用途でその断片を処理する処理系が作られるかもしれない。例を挙げると、HTMLのハイパーリンクは、元々、リンクをたどる人の手で利用されるために設計されたが、WWW検索エンジンによって、インデックスするべき新しいリソースを発見するため、またウェブ上のリソースの人気を測るためにも利用されている。 意味マークアップはまた、必要になったときに文書の見栄えを変更する作業も単純化する。これは文書の見栄えと内容が密接に結びついていないからである。例えばイタリックを強調と外国語であることを示すために使うとする。ここで両方が単にイタリックと（視覚的にまたは手続き的に）マークアップされたなら、2つを選り分けることが困難になる。もし、あとから外国語をイタリックにしないと決め直したら、全てのイタリック部分を見直して、1つずつ選り分けるしか方法がない。しかし始めから、2つの場合が別のタグで（意味的に）マークアップされていたのなら、互いに干渉しあうことなく、見栄えの変更ができるようになる。 他の用途での利用 マークアップ言語のアイデアはテキスト文書に関するものとして生まれたが、ベクターグラフィックス、Webサービス、ウェブシンディケーション、セマンティック・ウェブ、ユーザーインタフェースなどの分野での利用も増えている。これらのほとんどはXMLのアプリケーションである。XMLを使用することで、複数のマークアップ言語を合成することが可能となる。例としては、XHTML+SMIL やXHTML+MathML+SVGがある。 Tex 数学書を業務品質で組むためのテキストやフォントに関する綿密なレイアウト機能を目標としている ユーザーに高いスキルを要求するため、主に学術分野で使われ、理数系の出版物・論文などではデファクトスタンダードとなっている。TeXのマクロパッケージであるLaTeXはTeX上で意味マークアップシステムを構築しており、広く用いられている。 SGML(Standard Generalized Markup Language) マークアップは文書の構造面に専念し、視覚的な表現に関しては処理系に任せるべきだ、という思想 文書にマークアップを含める構文や、どんなタグがどこで使えるのかなどを記述する構文（DTD）を規定 これによって、文書作成者は望むマークアップを、最も意図に近いものや母語で名前が付いているものなど、何でも作成し、利用することができた。それゆえ、SGMLは正しくはメタ言語であり、多くの具体的なマークアップ言語がそれから派生していった。80年代から現在に至るまで、ほとんどの新しいマークアップ言語はSGMLに基づいたものであった。TEIやDocBookなどがその例である。SGMLは1986年にISO 8879として国際標準になった。 非常に大きな規模の文書を扱う現場で広く受け入れられ、利用された。しかしながら、一般的には覚えるのが煩わしくて難しいとみなされている。これは多彩すぎる機能と高すぎる柔軟性を実現した副作用である。複雑な仕様の例として、SGMLでは終了タグ（または開始タグかその両方）が文脈によって省略可能となっているが、これは過労気味のサポートスタッフがマークアップを手動で行うような場合にキーストロークの節約が望まれている、との配慮によるものである。 World Wide Web(W3C)勧告 HTML(HyperText Markup Language) 1991年になると、SGMLが商用のデータベース用途にしか使われない傾向が強くなってきた。一方、（文書をプロプライエタリなバイナリフォーマットで保存する）WYSIWYGツールがその他の文書処理用途では受け入れられていた。 そんな折、SGMLの構文を使ってHTMLは作られた。 HTMLは他のSGMLベースのタグ言語とよく似ているが、よりシンプルなものとして誕生し、当初は形式的なDTDを持っていなかった。 DeRose はHTMLによる意味マークアップ(SGML)の使用が、ウェブに柔軟性と拡張性をもたらし、その成功の有力な要因となったと主張している(その他の要因にはURLの概念やブラウザの無料配布などがある)。現在、HTMLはおそらく世界で最もよく使われているマークアップ言語であろう。 しかしながら、HTMLがマークアップ言語であるという事実については異論を唱える研究者もいる。その異論とは、HTMLはタグの配置を制限しており、タグに他のタグ内に入れ子になることと文書のルートタグになることの両方を要求している、というものである。このため、そのような研究者たちはHTMLは階層型データモデルに従う「コンテナ言語」ではないかと述べている。 HTML4.01 SGMLに Strict、Transitional、FramesetがDTDで定義されている HTML5.0 XML(Extensible Markup Language) 対象をインターネット上の文書に特化することで、SGMLを単純化したサブセットを作ることが目的 XMLはSGMLと同じようにメタ言語である。また、（"extensible"という名のとおり）利用者が必要な要素を追加したり、名前空間を使って複合文書を作ったりして拡張することが容易にできる。 名前空間などを用いないXML文書はSGML文書でもあるため、XMLへの乗り換えはそれほど困難でなく、既存のSGMLの利用者およびソフトウェアは比較的容易にXMLに移行することができた。XMLはSGMLの多くのより複雑な機能を省いており、学習や実装を容易にしている。他の改良点には、多言語環境でのSGMLの問題点を修正したことや、スキーマがない文書でも利用を可能にしたことなどがある。 XMLはそもそも文書や出版物などの半構造データのために設計されたものである。しかしながら、その単純さと柔軟性のバランスの良さから、他の用途でも急速に受け入れられていった。例えば、アプリケーション間でデータをやりとりするために利用されたり、アプリケーションの設定ファイルの構造として利用されたりもしている。 XHTML(Extensible HyperText Markup Language) 2000年の1月から、HTMLについてのすべてのW3C勧告は、SGMLではなくXMLに基づいたものになった。Extensible Hypertext Markup Language を略してXHTMLという。（XはExの発音から。） HTMLとXHTMLとの違いで顕著なものの1つ 「すべてのタグは閉じなければならない」 br のような「空の」HTMLタグは「閉じる」必要がある。XHTML 1.0勧告内のAppendixにあるHTML Compatibility Guidelines[5]では、 br / のように要素名の後に空白文字と斜線を入れて閉じる形を推奨している。 他に開始タグ内の属性値はすべて引用符 で囲わなければならないという点がある。 また、HTMLとは異なり、大文字と小文字は厳密に区別される。
https://w.atwiki.jp/testlink/pages/35.html
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd" !-- Japanese Translated by Testing Engineer s Forum (TEF) in Japan, Working Group of TestLink Japanese Translation Project -- html xmlns="http //www.w3.org/1999/xhtml" lang="jp" head !--20070421 - franciscom - using basehref smarty var to build right URLs BUGID 93 - 20050910 - fm--- meta http-equiv="Content-Type" content="text/html; charset=UTF-8" / meta http-equiv="Content-language" content="jp" / meta name="author" content="Martin Havlat" / meta name="copyright" content="GNU" / meta name="robots" content="NOFOLLOW" / title TestLink Help Content /title link rel="stylesheet" type="text/css" href="{$basehref}{$smarty.const.TL_THEME_CSS_DIR}tl_docs.css" / /head body {assign var="dummy" value="lib/general/show_help.php?locale=$locale help="}{assign var="help_launcher" value="$basehref$dummy"} h1 Help 目次 /h1 div id="menu" a href="javascript window.close();" class="tlButton" 閉じる /a a href="javascript history.back();" class="tlButton" 戻る /a /div ul li a href="{$help_launcher}glosary" 用語集 /a /li li a href="{$help_launcher}testproject" テストプロジェクト /a /li li a href="{$help_launcher}metrics" 結果とメトリクス /a /li li a href="{$help_launcher}shortcuts" ショートカット /a /li li a href="{$help_launcher}execMain" テスト実行 /a /li li a href="{$help_launcher}execFilter" テスト実行 - フィルター /a /li li a href="{$help_launcher}printFilter" テスト仕様フィルター /a /li li a href="{$help_launcher}testPlan" テスト計画 /a /li li a href="{$help_launcher}userRights" ユーザ権限 /a /li /ul h1 Instruction pages /h1 ul li a href="{$help_launcher}keywordsAssign" キーワード割り当て /a /li li a href="{$help_launcher}executeTest" テスト実行 /a /li li a href="{$help_launcher}planTesters" テスト計画 - テスター追加 /a /li li a href="{$help_launcher}planAddTC" テスト計画 - テストスイートにテストケース追加 /a /li li a href="{$help_launcher}planOwnerAndPriority" テスト計画 - 優先度 /a /li li a href="{$help_launcher}testSetRemove" テスト計画 - テストスイートからテストケース削除 /a /li li a href="{$help_launcher}planOwnerAndPriority" テスト計画 - 所有権 /a /li li a href="{$help_launcher}browseResults" テストレポートとメトリクス /a /li li a href="{$help_launcher}tcEdit" テスト仕様 - 編集 /a /li li a href="{$help_launcher}tcPrint" テスト仕様 - 印刷 /a /li li a href="{$help_launcher}tcSearch" テスト仕様 - 検索 /a /li /ul /body /html
https://w.atwiki.jp/api_programming/pages/48.html
下位ページ フォント・テキスト フォーム(Form) レイアウト レスポンシブデザイン 画像 色 Content リンク form CSS適用の優先順位 CSSのコメントアウト モバイルサイト用の表示CSS jQuery Mobile 画像のフィルタ 表表をつくる 行をつくる 列をつくる左寄せ、センタリング、右寄せ 要素の表示、非表示 ポップアップ風のメニューを仕込む（主にcssで） エラー時のステータスコード 流行りのUIをコード付きで紹介 ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 ロゴのジェネレータ Instagram風の写真加工ができるCSSライブラリ「CSSGram」 簡易なチャートグラフを手軽に描けるサイト「BEAM」 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 HTMLクイックリファレンス ★スタイルシートリファレンス（目的別） - HTMLクイックリファレンス リンク 新しいウィンドウ（タブ）で開く a href="~" target="_blank" /a form FORM - HTMLクイックリファレンス CSS 適用の優先順位 全体に適用されるものと局所に適用される者では、局所に適用されるものが優先される。#xyz p p#xyz #xyz 上書きされるので、最後に読み込まれたものが適用される。 強制的に優先順位を上げるには !important を付ける p {color red !important;} /*この値が最優先されて有効となる*/ スタイルの優先順位 - HTML クイックリファレンス CSSのコメントアウト /* コメントアウト */ // は使えない（認識する場合もあるらしい） http //monopocket.jp/blog/css/1278/ モバイルサイト用の表示CSS jQuery Mobile Javascript/jQuery Mobile 画像のフィルタ http //migo-media.com/css-filter/ 表 a aa aaa b bb bbb TABLE - ★HTMLタグリファレンス 行をつくる→行の中に列をつくる table tr th ... /th td ... /td /tr tr th ... /th td ... /td /tr /table 表をつくる table ... /table 行をつくる tr ... /tr 列をつくる tr td ... /td /tr 左寄せ、センタリング、右寄せ td align="right" } 要素の表示、非表示 タグはあるけれど、表示はされない、という状態をつくる visiblity display 非表示・使用不可 visiblity - HTMLクイックリファレンス（スタイルシートリファレンス） display - HTMLクイックリファレンス（スタイルシートリファレンス） ポップアップ風のメニューを仕込む（主にcssで） メニューボタン（メニューアイコン）にポップアップルメニューとなるdiv要素を仕込んでおく。そのdiv要素は普段は display none を設定しておく。（もしくはjavascript等でクリックしたときに生成するようにしておく） クリックしたら display block（とか） で表示させる。この時、 レイアウトを崩さないように、position absolute（メニューボタン位置に連動させるなら、親にposition relaltiveも）を仕込む z-index を設定して、他の要素より前に出す。 親要素に overflow hidden が設定してると、親の枠外に飛び出せなくなる。 ので注意する。 エラー時のステータスコード HTTPステータスコード - Wikipedia 流行りのUIをコード付きで紹介 CodeMyUI.com - http //codemyui.com/ ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 http //inspirationui.com/ ロゴのジェネレータ http //girlsnet.ninpou.jp/logo.html Instagram風の写真加工ができるCSSライブラリ「CSSGram」 http //una.im/CSSgram/ 簡易なチャートグラフを手軽に描けるサイト「BEAM」 BEAM 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 iconshock
https://w.atwiki.jp/guitarhero/pages/65.html
Band Hero™ http //www.bandhero.com/ 09/11/03 "A Million Ways" - OK Go "ABC" - Jackson 5 "American Pie" - Don McLean "Angels of the Silences" - Counting Crows "Beautiful Soul" - Jesse McCartney "Believe" - The Bravery "Black Cat" - Janet Jackson "Black Horse and the Cherry Tree" - KT Tunstall "Bring Me to Life" - Evanescence "Dirty Little Secret" - The All-American Rejects "Every Rose Has Its Thorn" - Poison "Fascination" - Alphabeat "Gasoline" - The Airborne Toxic Event "Hands Down" - Dashboard Confessional "Hang Me Up to Dry" - Cold War Kids "I Heard it Through the Grapevine" - Marvin Gaye "I Want You To Want Me" (Live) - Cheap Trick "If You Could Only See" - Tonic "In a Big Country" - Big Country "Just a Girl" - No Doubt "Kids" - Robbie Williams and Kylie Minogue "Kung Fu Fighting" - Carl Douglas "Let s Dance" - David Bowie "Like Whoa" - Aly AJ "Love is a Battlefield" - Pat Benatar "Love Story" - Taylor Swift "Mr. Roboto" - Styx "Naive" - The Kooks "Ocean Avenue" - Yellowcard "Oh, Pretty Woman" - Roy Orbison "Our Lips Are Sealed" - The Go-Go s "Picture to Burn" - Taylor Swift "Rio" - Duran Duran "She Will Be Loved" - Maroon 5 "So Yesterday" - Hilary Duff "Sugar, We re Goin Down" - Fall Out Boy "Take Back the City" - Snow Patrol "Take What You Take" - Lily Allen "The Impression That I Get" - The Mighty Mighty Bosstones "Turn Off the Light" - Nelly Furtado "Walking on Sunshine" - Katrina and the Waves "Whip It" - Devo "You Belong With Me" - Taylor Swift "Y.M.C.A." - Village People
https://w.atwiki.jp/01128/pages/27.html
Apache HTTP Serverを導入するぞ なんか本命な気がする。やっときました。 2011/9に2.2.21がリリースされてる。apt-get神コマンドは どっかに納品されてないと（たぶん）いけないみたい。 最新版を入れるために、サウンロード、インストールを行う！ そうでもないのか？ $ sudo apt-get install apache2 こんなんでいけちゃうの？見てたのはアップグレードのページだった。 いつかはゴリゴリできるようになりたいもんだ。 今はVer 2.2.20-1 らしい。インストールできた。ん？最新版？ It works! おお動いてる。デフォルトのURLは http //localhost/ だった。 設定変更？ する？しないでデフォのままやってみよう。 セキュリティ的に弱いんだろうかね？ 取りあえず、ファイルをコピーしてトップページを変更しとくか。 /var/www/index.html ほい！ 設定 /etc/apache2/apache2.conf の中に結構入っている。 昔はhttpd.confにも散ってたみたいだけど今は違うみたいだね。 互換性が保つためかhttpd.confは空に残っているし、記入しておけば読んでくれる。 ServerName XXXX | サーバ名の定義。これないと警告される Include XXXX | パスの指定っぽい 参考URL 導入 | http //debianj.com/ubuntu/install/apache.html 本家 | http //httpd.apache.org/ アップデート | http //www.hamabo.org/tag/apache/ 設定 | http //alk.dip.jp/apache2-default/sv080.html
https://w.atwiki.jp/kplus/pages/58.html
HTML色名 ２ページ目 色名 コード 16進 RGB white #FFFFFF FF FF FF 255 255 255 ivory #FFFFF0 FF FF F0 255 255 240 lightyellow #FFFFE0 FF FF E0 255 255 224 yellow #FFFF00 FF FF 00 255 255 0 snow #FFFAFA FF FA FA 255 250 250 floralwhite #FFFAF0 FF FA F0 255 250 240 lemonchiffon #FFFACD FF FA CD 255 250 205 cornsilk #FFF8DC FF F8 DC 255 248 220 seashell #FFF5EE FF F5 EE 255 245 238 lavenderblush #FFF0F5 FF F0 F5 255 240 245 papayawhip #FFEFD5 FF EF D5 255 239 213 blanchedalmond #FFEBCD FF EB CD 255 235 205 mistyrose #FFE4E1 FF E4 E1 225 228 225 bisque #FFE4C4 FF E4 C4 255 228 196 moccasin #FFE4B5 FF E4 B5 255 228 181 navajowhite #FFDEAD FF DE AD 255 222 173 peachpuff #FFDAB9 FF DA B9 255 218 185 gold #FFD700 FF D7 00 255 215 0 pink #FFC0CB FF C0 CB 255 192 203 lightpink #FFB6C1 FF B6 C1 255 182 193 orange #FFA500 FF A5 00 255 165 0 lightsalmon #FFA07A FF A0 7A 255 160 122 darkorange #FF8C00 FF 8C 00 255 140 0 coral #FF7F50 FF 7F 50 255 127 80 hotpink #FF69B4 FF 69 B4 255 105 180 tomato #FF6347 FF 63 47 255 99 71 orangered #FF4500 FF 45 00 255 69 0 deeppink #FF1493 FF 14 93 255 20 147 magenta #FF00FF FF 00 FF 255 0 255 fuchsia #FF00FF FF 00 FF 255 0 255 red #FF0000 FF 00 00 255 0 0 oldlace #FDF5E6 FD F5 E6 253 245 230 lightgoldenrodyellow #FAFAD2 FA FA D2 250 250 210 linen #FAF0E6 FA F0 E6 250 240 230 antiquewhite #FAEBD7 FA EB D7 250 235 215 salmon #FA8072 FA 80 72 250 128 114 ghostwhite #F8F8FF F8 F8 FF 248 248 255 mintcream #F5FFFA F5 FF FA 245 255 250 whitesmoke #F5F5F5 F5 F5 F5 245 245 245 beige #F5F5DC F5 F5 DC 245 245 220 wheat #F5DEB3 F5 DE B3 245 222 179 sandybrown #F4A460 F4 A4 60 244 164 96 azure #F0FFFF F0 FF FF 250 255 255 honeydew #F0FFF0 F0 FF F0 240 255 240 aliceblue #F0F8FF F0 F8 FF 240 248 255 khaki #F0E68C F0 E6 8C 240 230 140 lightcoral #F08080 F0 80 80 240 128 128 palegoldenrod #EEE8AA EE E8 AA 238 232 170 violet #EE82EE EE 82 EE 238 130 238 darksalmon #E9967A E9 96 7A 233 150 122 lavender #E6E6FA E6 E6 FA 230 230 250 lightcyan #E0FFFF E0 FF FF 224 255 255 burlywood #DEB887 DE B8 87 222 184 135 plum #DDA0DD DD A0 DD 221 160 221 gainsboro #DCDCDC DC DC DC 220 220 220 crimson #DC143C DC 14 3C 220 20 60 palevioletred #DB7093 DB 70 93 219 112 147 goldenrod #DAA520 DA A5 20 218 165 32 orchid #DA70D6 DA 70 D6 218 112 214 thistle #D8BFD8 D8 BF D8 216 191 216 lightgrey #D3D3D3 D3 D3 D3 211 211 211 tan #D2B48C D2 B4 8C 210 180 140 chocolate #D2691E D2 69 1E 210 105 30 peru #CD853F CD 85 3F 205 133 65 indianred #CD5C5C CD 5C 5C 205 92 92 mediumvioletred #C71585 C7 15 85 199 21 133 silver #C0C0C0 C0 C0 C0 192 192 192 darkkhaki #BDB76B BD B7 6B 189 183 107 rosybrown #BC8F8F BC 8F 8F 188 143 143 mediumorchid #BA55D3 BA 55 D3 186 85 211 darkgoldenrod #B8860B B8 86 0B 184 134 11 firebrick #B22222 B2 22 22 178 34 34 powderblue #B0E0E6 B0 E0 E6 176 224 230 lightsteelblue #B0C4DE B0 C4 DE 176 196 222 paleturquoise #AFEEEE AF EE EE 175 238 238 greenyellow #ADFF2F AD FF 2F 173 255 47 lightblue #ADD8E6 AD D8 E6 173 216 230 darkgray #A9A9A9 A9 A9 A9 169 169 169 brown #A52A2A A5 2A 2A 165 42 42 sienna #A0522D A0 52 2D 160 82 45 yellowgreen #9ACD32 9A CD 32 154 205 50 darkorchid #9932CC 99 32 CC 153 50 204 palegreen #98FB98 98 FB 98 152 251 152 darkviolet #9400D3 94 00 D3 148 0 211 mediumpurple #9370DB 93 70 DB 147 112 219 lightgreen #90EE90 90 EE 90 144 238 144 darkseagreen #8FBC8F 8F BC 8F 143 188 143 saddlebrown #8B4513 8B 45 13 139 69 19 darkmagenta #8B008B 8B 00 8B 139 0 139 darkred #8B0000 8B 00 00 139 0 0 blueviolet #8A2BE2 8A 2B E2 138 43 226 lightskyblue #87CEFA 87 CE FA 135 206 250 skyblue #87CEEB 87 CE EB 135 206 235 gray #808080 80 80 80 128 128 128 olive #808000 80 80 00 128 128 0 purple #800080 80 00 80 128 0 128 maroon #800000 80 00 00 128 0 0 aquamarine #7FFFD4 7F FF D4 127 255 212
https://w.atwiki.jp/sevenlives/pages/891.html
HTML5 読み：えいちてぃーえむえる ふぁいぶ 英語：HTML5 別名： 意味： HTML5とは、HTML 4.01に続く新たなHTMLバージョンのこと。 Webの進化と共に、HTMLにはリッチアプリケーションなど新たな機能の需要が高まってきました。 そのためW3Cには今まで推進してきた文書を構造で処理しやすいXHTML化に加え高機能化まで求められるようになってきました。 しかし一向に普及しない厳密なXHTML 1.1に対し、もう少し妥協して高機能化を追加させたほうが現実的と考えた団体が、HTMLをバージョンアップすることでいきなりXHTMLほど厳密で複雑な仕様にせず新たな拡張機能を取り込むことという方向で策定していきました。 HTML5の仕様はWHATWGという団体が主導で行っていましたが、混乱を避けるため現在はW3Cの団体と共に仕様の策定に取り組んでいます。 終了したHTMLを再開させたためにXHTMLへの移行を取りやめた、もしくは仕様が分裂したと噂されたこともありましたが、最終的には一本化の方向を目指して行くようです。 HTML5はXHTML5としても活用できるように厳密なXHTMLに対し折衝するような案が盛り込まれています。また互換性にかなり重点が置かれているためブラウザごとの実装や過去のブラウザにも対応できるような柔軟性を持っています。 2018年06月09日 WHATWG Web Forms 2.0? Web Applications 1.0? W3C DOM HTML WG? HTML HTMLシンタックス? XHTMLシンタックス? オープン・ウェブ セマンティクス CSS セクション アウトライン カスタムデータ属性? Microdata Microformats Web Workers Web Storage? Indexed Database API Web SQL Database File API Drag and Drop API? Server-Sent Events? WebSocket CanvasHTML Canvas 2D Context? SVG OpenGL Application cache Geolocation API? クロス・ドキュメント・メッセージング? Selectors API? History API? contentEditable? AMP コンテンツ・モデル? メタデータ・コンテンツ? ヘッディング・コンテンツ? フロー・コンテンツ? セクショニング・コンテンツ? フレージング・コンテンツ? エンベッディド・コンテンツ? インタラクティブ・コンテンツ? ■ HTMLタグ video/audio要素? canvas セクション要素?article? section? menu? hgroup? aside? nav? header? footer? フォーム要素(Forms)? audio video source? amp要素?
https://w.atwiki.jp/adhd_add/pages/12.html
ADHD・ADDに関して 注意欠陥・多動性障害（ちゅういけっかん・たどうせいしょうがい、英 attention deficit hyperactivity disorder、ADHD） は、多動性、不注意、衝動性を症状の特徴とする神経発達症もしくは行動障害である。 ICD-10における多動性障害（英 hyperkinetic disorder）はほぼ同一の概念である。（ウィキペディア「注意欠陥・多動性障害」より） あなたもこんな症状当てはまりませんか？ じっとしていられず、人の話が聞けない 注意力不足でぼーっとしている、集中困難 片付けられない、物事の優先順位が決められない やるべき事を先延ばしにし、締め切りを守れない それはもしかしたらADHDかもしれません。 ADHDは正式名称「注意欠陥・多動性障害」と呼ばれ、全人口の3～7％の割合でいると言われる先天的な発達障害です。 注意欠陥が主の障害となっている場合はADD、多動性の場合はADHDと呼称される事も多いですが、ひっくるめてADHDと呼ばれる事が多いです。 大人になったら症状が改善する場合が多いので、かつては子供だけの障害と考えられていました。 が、大人になってもこの障害に苦しんでいる方々は多いです。 日本では司馬理英子氏による「のび太・ジャイアン症候群」や「片づけられない女たち」という ADHDに関する本が話題になりましたが、海外と比べると理解が進んでいるとは言いがたい状況です。 わからない事があればQ&Aの方を参照して下さい。
https://w.atwiki.jp/wiki3_wwa/pages/15.html
user.htmlの中身 背景、文字の色を変える リンクを付けてみる ここではHTML技術の一部を解説します。 編集するのは主に「user.html」です。 ファイルの名前を変更している場合も、HTMLファイルを編集してください。 user.htmlの中身 まずはuser.htmlの中身を見てみます。 ダブルクリックすると、ブラウザが起動してゲーム画面が表示されます。 （作成ツールから「マップデータをブラウザで見る」でもOK） ゲーム画面の外を、マウスで右クリックします。 ずらりと並んだメニューの中ほどにある、「ソースの表示」をクリックします。 メモ帳が起動して、 以下のような文章が表示されるはずです。 HTML HEAD TITLE World Wide Adventure /TITLE /HEAD BODY BGCOLOR=#A0A0A0 CENTER APPLET CODE="WWA.class" WIDTH=560 HEIGHT=440 PARAM NAME=paramMapName VALUE="wwamap.dat" このブラウザには、Java実行環境がインストールされていません。 BR 詳細は A HREF="http //www.wwajp.com/wwafaq.html" ＷＷＡのよくある質問 /A をどうぞ。 /APPLET BR Internet RPG " A HREF="http //www.wwajp.com/" World Wide Adventure /A " (C)1996-2004 NAO /CENTER /BODY /HTML ※赤字の部分は、使用しているマップデータによって名前が違います。 表示されたこの文章が、user.htmlの中身、「HTMLソース」です。 このソースを、タグと呼ばれる命令を使って編集すると、 ブラウザに「こう表示しなさい」と指示することが出来ます。 編集の基本は 「文章を書き足す」「上書き保存」「ブラウザで更新ボタンを押して確認」 の繰り返しです。 では、実際にやってみましょう。 背景、文字の色を変える もともとのゲームページでは、「背景が灰色」で「文字が黒」です。 背景の色は何も指定しなければ白に、 文字の色は指定しなければ黒になります。 ということは、背景の色はすでに指定されているわけです。 ソースをよく見てみると、背景を灰色にしている部分が見つかります。 HTML HEAD TITLE World Wide Adventure /TITLE /HEAD BODY BGCOLOR=#A0A0A0 以下略 BGCOLORは、「背景の色はこれにします」と言う命令です。 #A0A0A0の部分を変更すると色が変わります 。やってみましょう。 #000000が黒 #FFFFFFが白 必ず6桁になります（左から２桁ずつ、#FF0000＝赤、#00FF00＝緑、#0000FF＝青） 0～9＋A～Fの16文字で表されていて、0が最低値、Fが最高値。 命令が上手くいかないときは、#や=を確認してください。 消してしまったり、増やしてしまったりすると、上手く命令が伝わりません。 これで好きな色を背景色にすることが出来たでしょうか？ 続けて、文章の色も変えてみましょう。 ゲームの下にある「Internet RPG」の文字で確認します。 ソースに青い文字の分を書き足します。 （直前に半角のスペースが入っています。忘れずに追加してください。） HTML HEAD TITLE World Wide Adventure /TITLE /HEAD BODY BGCOLOR=#A0A0A0 TEXT="#FF0000" 以下略 Internet RPGの文字は、真っ赤になりましたか？ TEXTは、ファイル全体の文字の色を指定する命令です。 色の指定方法は、背景と同じです。 この2つを変更するだけでも、ゲームの印象は変わります。 色の組み合わせを試してみてください。 リンクを付けてみる